body,div,iframe,ul{margin:0px;padding:0px;border:0px;position:relative;}
body{
overflow:hidden;
}

#title-bar{
background: url('/adult/res/css/hd_bg.png') repeat-x;
z-index:20;position:fixed;top:0px;left:0px;width:100%;
}

#config-bar{
background:#232323;
color:white;
z-index:22;position:fixed;top:55px;left:0px;
overflow:hidden;
width:260px;
padding:15px;
-moz-box-shadow:10px 10px 5px #888;
-webkit-box-shadow:10px 10px 5px #888;
box-shadow:10px 10px 5px #888;
font-size:13px;
font-family:"Arial", sans-serif; 
font-weight:normal;
}
#config-bar:hover{
}

#config-bar .window-container{
border-bottom:1px solid #2c2c2c;
border-top:1px solid #757575;
padding:5px;
}

#config-bar .window-container div.vbar{
  padding-top:4px;
  height:20px;
}

#config-bar .window-container div.hbar{
  float:right;
  padding-top:5px;
  height:25px;
  border-left:1px solid white;
  width:60px;
}

#config-bar .window-container div.vbar a{
  float:right;
  width:75px;
  margin-right:5px;
  cursor:pointer;
  display:block;
}

#config-bar .window-container div.vbar2 a{
  float:left;
  width:45px;
  margin:3px 5px 0 0;
  cursor:pointer;
  display:block;
}

#config-bar .window-container div.vbar a span{
display:block;
float:left;
border:1px solid gray;
height:7px;
width:7px;
margin:2px 4px 2px 2px;
}

#config-bar .window-container div.vbar2 a span{
display:block;
float:left;
border:1px solid gray;
height:7px;
width:7px;
margin:2px 4px 2px 2px;
}

#config-bar .window-container div.vbar a.selected span{
  background-color:white;
}
#config-bar .window-container div.vbar2 a.selected span{
  background-color:white;
}

#config-bar .window-container div.vscroll{
  display:relative;
  margin-top:5px;
  border:1px solid #343434;
  padding:1px;
  width:120px;
  height:5px;
  float:right;
  background-color:black;
  top:-2px;
}
#config-bar .window-container div.drag{
  position:relative;
  height:12px;
  width:9px;
  float:left;
  cursor:pointer;
  background:#2c2c2c url('/adult/res/css/scroll.png') no-repeat;
  top:-3px;
}
#config-bar .window-container div.blank{
  position:relative;
  height:100%;
  width:0px;
  float:left;
}

#config-bar .window-container div.fill{
  position:relative;
  height:5px;
  border-top:1px solid #2b2b2b;
  border-bottom:1px solid #2b2b2b;
  width:18px;
  float:left;
  background-color:#989898;
  top:-1px;
}

.vbar ul{
  display:block;
  list-style-type:none; 
  margin:3px 0 0px 0px; 
  font-family: "proxima-nova-extra-condensed",
               "Trebuchet MS", sans-serif; 
  color:white;
  font-size:13px; 
  text-transform:uppercase; 
  clear:both;
}

.vbar ul li{
  display:inline;
  float:left;
  padding:0px 3px 0px 3px;
  border-bottom:1px solid gray;
  cursor:pointer;
}
.vbar ul li.selected {
  background-color:black;
}
.vbar ul li:hover {
  background-color:black;
}

div.div-scroll{
clear:both;
  max-height:200px;
  overflow:hidden;
}
div.div-scroll div.cursor{
width:6px;
height:8px;
display:relative;
left:-3px;
margin:2px 0 2px 0;
background-color:white;
border:1px solid #343434;
}

#config-bar .window-container div.hscroll{
  position:absolute;
  top:15%;
  left:2px;
  border:1px solid #343434;
  background-color:#1b1b1b;
  height:70%;
  width:2px;
  float:left;
  clear:both;
}

#config-bar .window-container div.surburb{
  clear:both;
  display:relative;
  padding:5px 0 0 20px;
}

#config-bar .window-container div.surburb a{
  display:block;
  float:left;
  padding: 3px 8px 0 2px;
  cursor:pointer;
  font-weight:lighter;
  font-size:small;
}
#config-bar .window-container div.surburb a:hover {
  text-decoration:underline;
}

#config-bar .dummy{
  display:none;
  width:80px;
  height:80px;
}
#config-bar .window-title {
  margin:auto;
  font-size:12px;
  width:260px;
  height:20px;
  cursor:move;
}
#config-bar .window-title a{
  float:right;
  position:relative;
  top:-5px;
  font-size:20px;
  cursor:pointer;
}

#right-bar{
background:#181818;
z-index:20;
width:230px;
position:fixed;
opacity:0.95;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
padding-top:35px;
}
#right-bar-dock{
z-index:21;
width:230px;
position:fixed;
margin-top:35px;
}
#right-bar-dock div.split{
width:205px;
border-top:1px solid #1b1b1b;
border-bottom:1px solid gray;
height:1px;
margin-left:10px;
margin-top:5px;
margin-bottom:5px;
}
#right-bar-dock div.lane{
  display:block;
  height:180px;
  padding:10px 5px 0 5px;
  cursor:pointer;
  overflow:hidden;
}
#right-bar-dock div.lane:hover {
  background-color:black;
}
#right-bar-dock div.icon{
  border:4px solid white;
  width:167px;
  height:167px;
  clear:none;
  margin:auto;
}

#right-bar-dock div.cicon{
  border:1px solid white;
  width:42px;
  height:42px;
  clear:none;
  margin:5px 0 5px 10px;
  float:left;
  cursor:pointer;
}
#right-bar-dock div.cicon img{
  margin:0px;
  padding:0px;
  border:1px solid black;
  width:40px;
  height:40px;
}

#right-bar-dock div.icon img{
  margin:0px;
  padding:0px;
  border:1px solid black;
  width:165px;
  height:165px;
}

#right-bar-dock div.info{
  margin:auto;
  display:relative;
  width:155px;
  background-color:#DDDDDD; 
  padding:5px;
  height:44px;
  overflow:hidden;
  font-family: "Times", sans-serif; 
  font-size:12px;
  color:black;
  top:-55px;
  opacity:0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#right-bar-dock div.cinfo{
  margin:auto;
  display:relative;
  width:100%;
  background-color:#DDDDDD; 
  padding:2px;
  height:16px;
  overflow:hidden;
  font-family: "Times", sans-serif; 
  font-size:12px;
  color:black;
  top:-19px;
  left:-2px;
  opacity:0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
#right-bar-dock div.info p{
  padding:0px;
  margin:0px;
}
#right-bar-dock div.info a{
  text-transform:uppercase;
  font-weight:bold;
  font-size:12px;
  margin-bottom:10px;
}

#page { width:100%; margin:0px auto; padding:0px;}

/* NAV */
div.nav {height:35px;width:100%;}
.nav ul{
  display:block;list-style-type:none; 
  margin:10px 0 13px 20px; 
  font-family: "proxima-nova-extra-condensed",
               "Trebuchet MS", sans-serif; 
  color:white;
  font-size:13px; font-weight:100;
  text-transform:uppercase; 
}
.nav ul.menu{
  float:left;
}
.nav ul.dock-menu{
  float:right;
  margin-right:20px;
  border-right:1px solid #757575;
  width:200px;
}
.nav div.brand{
  float:left;
  margin-left:20px;
  font-size:24px;
}
.nav ul li {cursor:pointer;display:block;}
.nav ul.menu li{float:left;border-right:1px solid #757575;}
.nav ul.dock-menu li{float:right;border-left:1px solid #757575;}
.nav ul li a {padding:0 10px 0px 10px; }
.nav ul li a:link { color:white; text-decoration:none; }
.nav ul li a:visited { color:white; text-decoration:none; }
.nav ul li a:hover { color:black; text-decoration:none; background:white; }

span.button {cursor:pointer;padding:4px 8px 4px 8px;margin-left:3px;background:#555555;font-size:16px;color:#FFF;letter-spacing:1px;-moz-border-radius:5px; -webkit-border-radius:5px;}

/* Aside */
.aside span.title {font-size:25px;}
.aside-general {padding:5px;margin-top:2px; margin-bottom:2px;float:right;clear:right;width:200px;border:1px dashed gray;}

#suburb-list {
  margin-top:20px;
  float:left;background:#ffffff url('/adult/res/css/shadow.gif') repeat-x;
  width:100%;border:1px solid #555555;padding-bottom:10px;
  -moz-border-radius:5px; -webkit-border-radius:5px;}
#suburb-list h5{
  float:left;
  margin:2px 0px 0px 5px;
  padding:0px;
}
#suburb-list ul.index {display:block;float:left;clear:both;list-style-type:none;margin-left:10px;}
#suburb-list ul.index li{
  display:block;float:left;font-size:12px;margin:5px;padding:2px; 
  width: 12px;border:1px solid gray;cursor:pointer;
  text-align:center;}
#suburb-list ul.content{display:block;list-style-type:none;clear:both;padding-top:5px;
  font-family: "proxima-nova-extra-condensed","Trebuchet MS", sans-serif;
  font-size:15px;text-transform:uppercase;
}
#suburb-list ul.content li{
  display:block;float:left;clear:left;margin-left:10px;margin-top:5px;margin-bottom:5px;width:900px;
  border-bottom:1px dashed gray;
}
#publish_button {clear:both;margin-top:10px;float:left;}
#register_button {margin-left:30px;margin-top:10px;float:left;}
#type_button {clear:right;margin-left:30px;margin-top:10px;float:right;width:200px;}
#filter_button {clear:right;margin-left:30px;margin-top:40px;float:right;width:210px;}
#filter_button div.vol{padding:4px 0 0 0;display:block;clear:both;width:210px;height:25px;margin-bottom:30px;float:right;border-bottom:1px solid black;border-top:1px solid black;}
#filter_button div.vol span.vol-left{font-size:12px;position:relative;top:-22px;float:left;cursor:pointer;}
#filter_button div.vol span.vol-right{font-size:12px;position:relative;top:24px;float:right;cursor:pointer;}

#filter_button div.histogram {float:right;margin-top:15px;padding:5px 5px 0px 5px;border-bottom:1px solid black;width:200px;}
#filter_button div.histogram div{position:relative;float:right;width:16px;border-left:1px solid gray;border-right:1px solid gray;border-top:1px solid gray;margin:1px 1px 0px 1px;height:80px;cursor:pointer;}
#filter_button div.histogram div span{font-size:12px;position:relative;top:5px;}
/* map-info */
#search-bar {clear:left;width:700px;float:left;border-right:5px solid #F7F0EE;border-left:5px solid #F7F0EE;border-bottom:5px solid #F7F0EE;}
#search-bar span.label{float:left;font-size:13px;background:#FFF;color:black;}
#search-bar span.button{float:left;font-size:13px;margin-left:0px;background:#FFF;color:black;}
#search-bar input{float:left;font-size:16px;width:500px;border:1px solid gray;padding:0px;margin:2px 0 0 0;}
